<!DOCTYPE html>
<html>
	<head>
		<!--
        	作者：刘开新
        	时间：2018-09-19
        	描述：作业四
        -->
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.hezi{
				position: relative;
				top: 10%;
				left:25%;
				border-color: red;
				border-style: solid;width: 400px;height:400px ;
			}
			.lianjie{
				border-style: solid;width:98px;height: 98px;
				border-width: 2px;
			}
			#lianjie1{.
			
				margin:0 atuo;
				background-color: red; position: absolute;top: 50px;left: 50px;}
			#lianjie2{
				background-color: red; position: absolute;top: 50px;left: 250px;}
			#lianjie3{
				background-color: blue; position: absolute;top: 150px;left: 150px;}
			#lianjie4{
				background-color: red; position: absolute;top: 250px;left: 50px;}
			#lianjie5{
				background-color: red; position: absolute;top: 250px;left: 250px;}
			.dd{margin: 35% auto; height: 30px;width: 50px;	}	
		</style>
	</head>
	
	<body>
		<div class="hezi">
			<div id="lianjie1" class="lianjie"><div class="dd"><a href="" >链接1</a></div></div>
			<div id="lianjie2" class="lianjie"><div class="dd"><a href="" >链接2</a></div></div>
			<div id="lianjie3" class="lianjie"><div class="dd"><a href="" >链接3</a></div></div>
			<div id="lianjie4" class="lianjie"><div class="dd"><a href="" >链接4</a></div></div>
			<div id="lianjie5" class="lianjie"><div class="dd"><a href="" >链接5</a></div></div>
		</div>
	</body>
</html>
